<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Image Gallery</title>
	<link rel="stylesheet" type="text/css" href="styles/layout.css">
</head>
<body>
	<h1>Snapshots</h1>
	<ul id="imagegallery">
		<li class="liH">
			<a href="images/team.jpg" tittle="doge一家子">
				<img src="images/thumbnail_team.jpg" alt="doge一家子" />
			</a>
		</li>
		<li>
			<a href="images/solo1.jpg" tittle="doge大傻" >
				<img src="images/thumbnail_solo1.jpg" alt="大傻" />
			</a>
		</li>
		<li>
			<a href="images/solo2.jpg" tittle="doge二傻">
				<img src="images/thumbnail_solo2.jpg" alt="二傻" />
			</a>
		</li>
		<li>
			<a href="images/solo3.jpg" tittle="doge三傻">
				<img src="images/thumbnail_solo3.jpg" alt="三傻" />
			</a>
		</li>
		<li>
			<a href="images/solo4.jpg" tittle="doge小傻">
				<img src="images/thumbnail_solo4.jpg" alt="小傻" />
			</a>
		</li>
	</ul>
	<script type="text/javascript" src="scripts/showPic.js" ></script>
</body>
</html>